<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
        <style type="text/css">
        div
        {
        position:relative; /*相对*/
        left:200px;
        /*!*right: 20px;*!   相等*/
        }
        li{
            font-size: 1.2em;
            color: red;
        }
        </style>
</head>
<body>
<ul>
    <li>appendChild()</li>
        <li>insertBefore()</li>
    <li>removeChild()</li>
    <li>替换 HTML 元素 - replaceChild()</li>
</ul>
<div>
<a target="_blank" href="http://www.runoob.com/js/js-htmldom-elements.html"> dom添加删除</a>
</div>
</body>
</html>